<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Dancing in the snow</title>

    <!-- ! 主页logo -->
    <link rel="icon" href="img/favicon.png" type="image/x-icon" />

    <!-- ! 设置所有链接打开新页面 -->
    <base target="_blank" />

    <!-- ^ Bootstrap 3.4.1 -->
    <link href="css/bootstrap-3.4.1.min.css" rel="stylesheet">

    <!-- ^ bootstrap switch 3.3.4 -->
    <link href="css/bootstrap-switch-3.3.4.css" rel="stylesheet">

    <!-- ^ animate 4.1.1 -->
    <link href="css/animate.css" rel="stylesheet">

    <!-- ^ wow 1.1.2 -->
    <script src="js/wow.min.js"></script>
    <script>
        new WOW().init();
    </script>

    <!-- ^ 图标库 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">

    <!-- ^ markdwon -->
    <link href="css/simplemde-1.11.2.min.css" rel="stylesheet">

    <!-- # home -->
    <link rel="stylesheet" href="css/style.css">

    <!-- # edit.css -->
    <link rel="stylesheet" href="css/edit.css">

    <!-- # css -->
    <link rel="stylesheet" href="">

</head>

<body>

    <div class="home-loading animate__animated animate__bounceOut"></div>

    <!-- ! navigation -->
    <section id="navigation">
        <input type="text" class="text-title" id="title" placeholder="请输入文章标题">

        <a role="button" class="btn btn-save">保存草稿</a>

        <a role="button" class="btn btn-publish">发布文章</a>

        <a><img src="img/lllllan.png" class="avatar img-circle"></a>
    </section>
    <!-- ! /navigation -->

    <!-- ! Modal -->
    <div class="modal fade" id="warningModal" tabindex="-1" role="dialog" aria-labelledby="warningModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="warningModalLabel">请满足以下条件</h4>
                </div>
                <div class="modal-body">
                    <h4 class="warning">请输入文章标题</h4>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">close</button>
                </div>
            </div>
        </div>
    </div>

    <!-- ! Modal -->
    <div class="modal fade" id="publishModal" tabindex="-1" role="dialog" aria-labelledby="publishModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="publishModalLabel">发布文章</h4>
                </div>
                <div class="modal-body">
                    <h4>文章状态&emsp;<input type="checkbox" name="switch"></h4>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="publish">确认发布</button>
                </div>
            </div>
        </div>
    </div>

    <canvas id="headImg" style="display:none"></canvas>
    <textarea></textarea>
    <div class="mdEditor"></div>

    <!-- ^  jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="js/jquery-3.6.0.min.js"></script>

    <!-- ^ bootstrap.js 3.4.1 -->
    <script src="js/bootstrap-3.4.1.min.js"></script>

    <!-- ^ bootstrap switch 3.3.4 -->
    <script src="js/bootstrap-switch-3.3.4.js"></script>

    <!-- ^ smooth-scrool.js -->
    <script src="js/smooth-scroll.js"></script>

    <!-- ^ markdown to html -->
    <script src="js/parser.js">
    </script>

    <!-- ^ markdwon -->
    <script src="js/simplemde-1.11.2.min.js"></script>

    <!-- ^ 刷新回到页面顶部 -->
    <script type="text/javascript">
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>

    <script>
        $("[name='switch']").bootstrapSwitch({
            onText: "公开", // 设置ON文本
            offText: "私密", // 设置OFF文本
            onColor: "success", // 设置ON文本颜色(info/success/warning/danger/primary)
            offColor: "primary", // 设置OFF文本颜色 (info/success/warning/danger/primary)
            size: "normal",
            onSwitchChange: function (event, state) {
                if (state == true) {
                    console.log("true");
                } else {
                    console.log("false");
                }
            }
        });
    </script>

    <!-- # scroll -->
    <script type="text/javascript">
        smoothScroll.init();
    </script>

    <!-- # basic.js -->
    <script type="text/javascript" src="js/basic.js"></script>

    <!-- # avatar.js -->
    <script type="text/javascript" src="js/avatar.js"></script>

    <!-- # edit.js -->
    <script type="text/javascript" src="js/edit.js"></script>

    <!-- # js -->
    <script type="text/javascript" src=""></script>

</body>

</html>